<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">
        <link rel="shortcut icon" href="/favicon.ico">
		<title>发布悬赏任务</title>
		<link rel="stylesheet" href="/static/home/mobile/task/css/sm.min.css">


        <link rel="stylesheet" href="/static/home/mobile/task/css/common.css">
		<link href="/static/home/mobile/task/css/swiper.min.css" rel="stylesheet">
        <script type='text/javascript' src='/static/home/mobile/task/js/zepto.min.js' charset='utf-8'></script>
        <script type="text/javascript">$.config = {router: false};</script>
        <script src="/static/home/mobile/task/js/jsbridge-mini-1231.js"></script>

        <style media="screen">
            .toast{
                line-height: 1.2rem;
                padding: .5rem 1rem;
            }
            .photo-browser .photo-browser-swiper-container{
                padding-bottom: 0;
            }
            .photo-browser .photo-browser-slide{
                overflow: scroll;
                padding-top: 2.5rem;
                padding-bottom: 2.5rem;
            }
        </style>
        <style media="screen">
            .footer_tab.bar-tab{background: #fff;}
            .footer_tab.bar-tab .tab-item.active {color: #2f9ffb !important;}
            .footer_tab.bar-tab .fabu{width: 2rem;margin: 0 auto;margin-top: .3rem;}
            .footer_tab.bar-tab .fabu img{width: 100%;}
            .footer_tab.bar-tab .tab-item .badge {left:55%;height:.4rem;min-width:.4rem;}
            .footer_tab.bar .icon.icon-liebian{
                background:url('images/liebian.png');
                background-size: 100% 100%;
                background-repeat: no-repeat;
                width: 1.4rem;
                height: 1.4rem;
            }
            .footer_tab.bar .icon.icon-baoming{
                background:url('images/icon-baoming2.png');
                background-size: 100% 100%;
                background-repeat: no-repeat;
                width: 1.1rem;
                height: 1.1rem;
            }
            .win_mask{
                position: fixed;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: #fff;
                z-index: 1000;
            }
        </style>
	</head>

	<body>
<style>
    .page header.bar{
       /* background-image: -webkit-linear-gradient(left, #00cbff, #10bcfd, #2ea0fb, #2f9ffb, #418efa);*/
       background:#000;
    }
    .page header.bar .title{
        color: #fff;
    }
    .page header.bar a{
        color: #fff;
    }
    .page header.bar::after{
        height: 0;
    }
    #UnitPrice-tip{
        background-color: #fff;
        color: red;
        font-size: 0.65rem;
        padding: 0 0.3rem;
        position: absolute;
        right: 0;
        top: -0.5rem;
        z-index: 100; 
    	display:none;
    }
    .list-block .item-title.label{
        width: 20%;
        text-align: center;
    }
    .list-block .item-inner:after{
        height: 0;
    }
    /*.bar-nav~.content{background-color:#444;}*/
    /*.list-block li{background:#000000}*/
    .post-a .item-title.label{
        font-weight: 700;
        width: 40%;
        text-align: left;
    }
    .post-a.post-top{
        width: auto;
        flex-grow: 5;
        text-align: center;
    }
    .post-a.post-top .item-title.label{
        margin: 0;
    }
    .post-a.item-inner:after{
        height: 1px;
    }
    .post-icon{
        width: .9rem;
        float: left;
        margin-right: .5rem;
        margin-left: .3rem;
    }
    .post-block .item-input-text.width-min{
        width: 20rem;
        height: 2.5rem;
    }
    .post-bottom{
        display: inline-block;
        background: url(/static/home/mobile/task/images/bottom.png);
        height: .8rem;
        width: .8rem;
        background-size: 100%;
        position: relative;
        top: .8rem;
        margin-left: -1.5rem;
        margin-right: .5rem;
    }
    .post-block #price-tips{
        top: -1.6rem;
    }
    .post-reset{
        border:0;
    }
    .template_box{
        font-size: .7rem;
        flex-grow: 1;
    }
    #reward_old{
        color: #999;
        font-size: .7rem;
        flex-grow: 1;
    }
    .width-min .tips {
        font-size: .6rem;
    }
    .width-min .tips span{
        color: red;
    }
    .list-block textarea.post-contents2{
        width: 100%;
        height: 100px;
        font-size: .8rem;
        padding: .5rem;
    }
    .notes{
        padding: 0rem .75rem;
    }
    .notes label {
        font-size: .7rem;
    }
    .notes label span{
        position: relative;
    }
    .notes label input{
        height: .6rem;
    }
    .notes label i.on {
        background: url(/static/home/mobile/task/images/addtaskhook.png) no-repeat 2px 4px #2F62FF;
        border-color: #2F62FF;
        background-size: 10px 7px;
        display: none;
        width: .8rem;
        height: .8rem;
        margin: -.06rem .1rem 0 0;
        border: 1px solid #2F62FF;
        border-radius: 50%;
        vertical-align: middle;
        position: absolute;
        left: -.1rem;
        top: 0;
    }
    .notes label input:checked{
        opacity: 0;
    }
    .notes label input:checked~.on{
        display: inline-block;
    }
    .notes a {
        display: inline-block;
        margin-left: .1rem;
        color: #2f9ffb;
        font-size: .7rem;
    }
    .notes p {
        display: block;
        padding: .16rem 0 0 0;
        color: #999;
        font-size: .7rem;
    }
    .step .img-text{
        height: 3.5rem;
    }
    .radio{
        position: relative;
        display: inline-block;
    }
    .radio>input{
        position: absolute;
        opacity: 0;
    }
    .radio>span{
        display: block;
        border: 1px solid #d9d8d8;
        color: #777;
        font-size: .65rem;
        padding: .1rem .5rem;
    }
    .radio>input:checked~span{
        border: 1px solid #2FA0FB;
        color: #2FA0FB;
    }
    .radio>input:checked~span:after {
        content:"";
        position:absolute;
        display: block;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        z-index: 200;
        background: url("/static/home/mobile/task/images/success.png") no-repeat right bottom;
        background-size: 25%;
    }
    .hong{
        font-size: .6rem;
        text-align: center;
        position: relative;
        top: .3rem;
        color:red;
    }
    .apply_price_str{
        color: green;
    }
    body,.list-block ul{background:#222;}
    .bar-nav~.content{background:#222;}
    .list-block ul:before,.list-block .item-inner:after,.list-block ul:after{background:#666;}
    .post-a .item-title.label{color:#999;}
    .list-block .item-title.label{color:#c2c2c2;}
    input,textarea{color:#fff !important;}
    .step input, .step textarea{border-bottom: 0.01rem solid #333!important;}
    .button,.notes a{color:#2F62FF}
    .buttons-row .button{border-color:#2F62FF;color:#2F62FF}
</style>
<style type="text/css">.text-nine-grey[data-v-534256bc]{color:#999}.text-money-orange[data-v-534256bc]{color:#ff6219}.text-eight-grey[data-v-534256bc]{color:#888}.bg-my-red[data-v-534256bc]{color:#fff;background-color:#f23535}.bg-my-blue[data-v-534256bc]{color:#fff;background-color:#346df0}.text-my-red[data-v-534256bc]{color:#f23535!important}.text-my-blue[data-v-534256bc]{color:#346df0!important}.can-click[data-v-534256bc]{opacity:.8}.text-26[data-v-534256bc]{font-size:13px}.text-20[data-v-534256bc]{font-size:10px}.margin-top-20rpx[data-v-534256bc]{margin-top:10px}.padding-30rpx[data-v-534256bc]{padding:15px}.tabbar-space[data-v-534256bc]{height:60px}.title-left-bar[data-v-534256bc]{position:relative;padding-left:7px}.title-left-bar[data-v-534256bc]::after{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2px;height:1em;background:#346df0}.one-line-elli[data-v-534256bc]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}uni-button[data-v-534256bc]::after{content:"";border:none}.two-line-elli[data-v-534256bc],
.three-line-elli[data-v-534256bc]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.two-line-elli[data-v-534256bc]{-webkit-line-clamp:2}.three-line-elli[data-v-534256bc]{-webkit-line-clamp:3}.rect[data-v-534256bc]{-webkit-border-radius:0;border-radius:0}.form-style[data-v-534256bc]{font-size:13px;color:#999}.fixed-bottom-btn-group[data-v-534256bc]{position:fixed;width:100%;left:0;bottom:0}.text-nowrap[data-v-534256bc]{white-space:nowrap}.border-radius-20rpx[data-v-534256bc]{-webkit-border-radius:10px;border-radius:10px}.rotate-reverse[data-v-534256bc]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.next-prev[data-v-534256bc]{color:#fff;font-size:16px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin:25px auto 15px;text-align:center}.next-prev uni-view[data-v-534256bc]{padding:12px 0}.next-prev .prev[data-v-534256bc]{width:130px;-webkit-border-radius:50px 0 0 50px;border-radius:50px 0 0 50px;background:-webkit-gradient(linear,right top,left top,from(#9fbaf9),to(#7da1f5));background:-webkit-linear-gradient(right,#9fbaf9,#7da1f5);background:linear-gradient(270deg,#9fbaf9,#7da1f5)}.next-prev .next[data-v-534256bc]{width:215px;border:none;-webkit-border-radius:0 50px 50px 0;border-radius:0 50px 50px 0;background:-webkit-gradient(linear,left top,right top,from(#749eff),to(#346df0));background:-webkit-linear-gradient(left,#749eff,#346df0);background:linear-gradient(90deg,#749eff,#346df0)}.step-name[data-v-534256bc]{font-size:14px;padding:15px 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.step-name .num[data-v-534256bc]{margin-right:15px;font-weight:700}.step-name .close[data-v-534256bc]{margin-left:auto}.step-desc-wrapper[data-v-534256bc]{padding:0 0 15px}.step-desc-wrapper .step-input[data-v-534256bc]{margin-top:10px}.step-desc-wrapper .step-input uni-input[data-v-534256bc]{font-size:14px;padding:5px 10px;-webkit-border-radius:5px;border-radius:5px;background-color:#f3f3f3}.step-desc-wrapper .step-img[data-v-534256bc]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.step-desc-wrapper .step-desc[data-v-534256bc]{font-size:15px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:10px 0}.step-desc-wrapper .step-desc uni-input[data-v-534256bc]{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:15px;margin-left:20px}.step-name-wrapper[data-v-534256bc]{display:grid;font-size:12px;grid-template-columns:repeat(4,1fr);grid-row-gap:10px;grid-column-gap:7px;padding:10px 0 15px}.step-name-wrapper uni-view[data-v-534256bc]{color:#fff;padding:7px 4px;-webkit-border-radius:23px;border-radius:23px;text-align:center;background-color:#346df0}.step-sub-title[data-v-534256bc]{font-size:14px;font-weight:500;color:#282828;padding:14px 0}.steps-wrapper[data-v-534256bc]{padding:20px 15px}.steps-wrapper .item[data-v-534256bc]{text-align:center}.steps-wrapper .item:not(:last-child) .num-wrapper[data-v-534256bc]{position:relative}.steps-wrapper .item:not(:last-child) .num-wrapper[data-v-534256bc]::after{content:"";width:135px;height:3px;background-color:#80a6ff;position:absolute;left:50%;z-index:1}.steps-wrapper .item .num-wrapper[data-v-534256bc]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:8px;position:relative;z-index:9}.steps-wrapper .item .num-wrapper uni-image[data-v-534256bc]{width:22px;height:22px;position:relative;z-index:9}.steps-wrapper .item .num[data-v-534256bc]{color:#fff;width:22px;height:22px;font-size:14px;-webkit-border-radius:50%;border-radius:50%;background-color:#80a6ff;position:relative;z-index:9}.steps-wrapper .item .name[data-v-534256bc]{font-size:12px;color:#fff}.title[data-v-534256bc]{color:#000;font-size:15px;margin-bottom:20px}.child-list[data-v-534256bc]{color:#666;font-size:13px;display:grid;grid-template-columns:repeat(4,1fr)}.child-list uni-image[data-v-534256bc]{width:59px;height:59px}.form-list[data-v-534256bc]{background:#fff;padding:0 15px 15px 15px}.form-list .form-item[data-v-534256bc]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:15px 0;white-space:nowrap}.form-list .form-item.phone uni-input[data-v-534256bc]{width:8em!important}.form-list .form-item uni-input[data-v-534256bc]{color:#333}.form-list .form-item.has-angle[data-v-534256bc]{position:relative;padding-right:1.4em}.form-list .form-item.has-angle[data-v-534256bc]::after{font-family:cuIcon;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;content:"\e6a3";position:absolute;font-size:18px;color:#666;width:30px;text-align:center;top:0;bottom:0;right:-10px;margin:auto}.form-list .form-item[data-v-534256bc]:not(:last-child){border-bottom:1px solid #eee}.form-list .form-item.break-line[data-v-534256bc]{display:block}.form-list .form-item.break-line .s-title[data-v-534256bc]{margin-bottom:13px}.form-list .form-item .s-title[data-v-534256bc]{color:#282828;font-size:14px;font-weight:700;width:4em;font-family:PingFang SC;-webkit-flex-shrink:0;flex-shrink:0;margin-right:25px}.form-list .form-item .s-title uni-image[data-v-534256bc]{width:19px;height:19px}.form-list .form-item uni-textarea.s-content[data-v-534256bc],
.form-list .form-item uni-textarea[data-v-534256bc]{font-size:13px;width:315px;height:100px;padding:10px;background-color:#f5f5f5}.form-list .form-item uni-input.s-content[data-v-534256bc],
.form-list .form-item uni-picker .s-content[data-v-534256bc]{font-size:13px;text-align:right}.form-list .form-item .s-content[data-v-534256bc]{font-size:13px;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:flex}.form-list .form-item .s-content.text-right uni-input[data-v-534256bc],
.form-list .form-item .s-content.text-right uni-view[data-v-534256bc],
.form-list .form-item .s-content.text-right.view[data-v-534256bc]{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:right}.form-list .form-item .s-content uni-checkbox[data-v-534256bc]{-webkit-transform:scale(.8);transform:scale(.8)}.form-list .form-item .s-content.end[data-v-534256bc]{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.form-list .form-item .s-content .uni-input[data-v-534256bc],
.form-list .form-item .s-content uni-input[data-v-534256bc]{font-size:13px;-webkit-box-flex:1;-webkit-flex:1;flex:1}.form-list .form-item .s-content .licence[data-v-534256bc],
.form-list .form-item .s-content .id-card[data-v-534256bc]{width:300px;height:165px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background-size:100% 100%}.form-list .form-item .s-content .licence uni-view[data-v-534256bc],
.form-list .form-item .s-content .id-card uni-view[data-v-534256bc]{color:#fff;height:35px;line-height:35px;-webkit-border-radius:17px;border-radius:17px;padding:0 24px;background:rgba(0,0,0,.4)}.form-list .form-item .s-content .licence[data-v-534256bc]{background-image:url(./h5/static/img/auth_licence.06b5f3e1.png)}.form-list .form-item .s-content .id-card[data-v-534256bc]{background-image:url(./h5/static/img/auth_id_card.b5886f95.png)}.popup-title[data-v-534256bc]{font-size:16px;padding:12px 0;text-align:center;border-bottom:1px solid #dfe2e6}.popup-content[data-v-534256bc]{padding:12px 30px 18px}.popup-content .tip[data-v-534256bc]{color:#cbced2;font-size:14px;text-align:center}.popup-content .options[data-v-534256bc]{display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:10px;grid-column-gap:22px;margin:20px 0 24px}.popup-content .options uni-input[data-v-534256bc]{font-size:14px;height:100%}.popup-content .options uni-view[data-v-534256bc]{color:#000;height:30px;line-height:30px;width:70px;text-align:center;border:0.5px solid #999;-webkit-border-radius:15px;border-radius:15px}.popup-content .options uni-view.active[data-v-534256bc]{color:#346df0;border-color:#346df0;background:rgba(52,109,240,.08)}.popup-content .btn-group[data-v-534256bc]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.popup-content .btn-group uni-view[data-v-534256bc]{font-size:16px;width:120px;height:35px;line-height:35px;text-align:center;-webkit-border-radius:5px;border-radius:5px}.popup-content .btn-group uni-view[data-v-534256bc]:nth-child(1){color:#7e8388;background-color:#f1f1f1}.popup-content .btn-group uni-view[data-v-534256bc]:nth-child(2){color:#fff;font-weight:700;background-color:#346df0}.time-mask[data-v-534256bc]{background:rgba(0,0,0,.3);position:fixed;left:0;top:0;right:0;bottom:0;margin:auto;z-index:98}.time-picker[data-v-534256bc]{width:100%;position:fixed;bottom:0;left:0;z-index:99}.time-picker .time-picker-title[data-v-534256bc]{font-size:15px;padding:12px 15px;background-color:#f3f3f3}.time-picker .time-picker-title .left[data-v-534256bc]{color:#fa3534}.time-picker .time-picker-title .middle[data-v-534256bc]{color:#666}.time-picker .time-picker-title .right[data-v-534256bc]{color:#19be6b}.time-picker .item[data-v-534256bc]{text-align:center;height:30px;line-height:30px}.time-picker uni-button[data-v-534256bc]{padding:20px 15px;border:none}.time-picker uni-button[data-v-534256bc]:after{border:none}.radius[data-v-534256bc]{-webkit-border-radius:1250px!important;border-radius:1250px!important}.tips[data-v-534256bc]{padding:10px 15px;color:#333}.tips .tip[data-v-534256bc]{font-size:12px;color:#333;margin-top:8px}.tips .tip uni-text[data-v-534256bc]{margin-left:5px}.agreement[data-v-534256bc]{-webkit-transform:scale(.7);transform:scale(.7)}
.flex-aic-jcsb {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
uni-image>img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
uni-image>div, uni-image>img {
    width: 100%;
    height: 100%;
}
.next-prev[data-v-534256bc] {
    color: #fff;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 25px auto 15px;
    text-align: center;
}
uni-view, uni-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.list-block .item-inner{padding:0;}
.button-danger.button-fill {
    color: #fff;
    background: linear-gradient(
90deg
,#749eff,#346df0);
}
.button-danger.button-fill.disabled {
    color: #fff;
    background: #ccc;
}
</style>
<div class="page-group">
    <div id="page-picker" class="page">
        <header class="bar bar-nav">
            <a href="javascript:;" class="icon icon-left pull-left" onclick="history.go(-1)"></a>
            <a class="icon pull-right iconfont icon-wode" href="javascript:;" onclick="history.go(-1)"></a>
            <h1 class="title">发布任务</h1>
        </header>
        <div class="content">
            <form action="" class="AjaxSubmitForm" enctype="multipart/form-data" data-callfunc="RewardCheck" method="post" accept-charset="utf-8">
            
            <div class="list-block post-block" id="one">
                <uni-view data-v-534256bc="" class="steps-wrapper bg-white flex-aic-jcsb">
               <uni-view data-v-534256bc="" class="item">
                <uni-view data-v-534256bc="" class="num-wrapper">
                 <uni-image data-v-534256bc="">
                  <div style="background-image: url(/static/home/mobile/images/step_over.png); background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat;"></div>
                  <img src="/static/home/mobile/images/step_over.png" draggable="true" />
                  <!---->
                 </uni-image>
                </uni-view>
                <uni-view data-v-534256bc="" class="name">
                 填写基本信息
                </uni-view>
               </uni-view>
               <uni-view data-v-534256bc="" class="item">
                <uni-view data-v-534256bc="" class="num-wrapper">
                 <uni-view data-v-534256bc="" class="num flex-aic-jcc">
                  2
                 </uni-view>
                </uni-view>
                <uni-view data-v-534256bc="" class="name">
                 任务详情步骤
                </uni-view>
               </uni-view>
               <uni-view data-v-534256bc="" class="item">
                <uni-view data-v-534256bc="" class="num-wrapper">
                 <uni-view data-v-534256bc="" class="num flex-aic-jcc">
                  3
                 </uni-view>
                </uni-view>
                <uni-view data-v-534256bc="" class="name">
                 填写任务金额
                </uni-view>
               </uni-view>
              </uni-view>
                <ul>
                    <li style="display:none">
                        <div class="item-inner item-post post-a post-top">
                            <div class="item-title label">
                                <img class="post-icon" src="/static/home/mobile/task/images/addtask.png" alt="">
                                任务信息
                            </div>
                   
                   
                            <button class="button post-reset" type="reset" value="Reset">清空</button>
                        </div>
                        <div class="hong">
                            正确填写任务标签（APP全称）否则会驳回您的任务
                        </div>
                    </li>
                    <li>
                        <div class="item-inner item-post">
                            <div class="item-title label">类型</div>
                            <div class="item-input">
                                <input type="hidden" name="category_id" id='categoryValue'/>
                                <input type="text" placeholder="任务类型" id='category' readonly/>
                            </div>
                            <div class="item-input-text width-min">
                                <icon class="post-bottom"></icon>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-inner item-post">
                            <div class="item-title label">标题</div>
                            <div class="item-input">
                                <input type="text" class="" name="title" id="title" placeholder="项目核心短标题,12字内"/>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-inner item-post">
                            <div class="item-title label">标签</div>
                            <div class="item-input">
                                <input type="text" class="" name="appName" id="appName" maxlength="6" placeholder="平台名称" autocomplete="off"  />
                            </div>
                            <div class="item-input-text width-min">
                                <span class="tips">
                                    平台名称<br>
                                    <span>您推广的APP名字</span>
                                </span>
                            </div>
                        </div>
                    </li>
                    
                    <li>
                        <div class="item-inner item-post">
                            <div class="item-title label">限时</div>
                            <div class="item-input">
                                <input type="hidden" name="task_time" value="1" id='finishTimeValue'/>
                                <input type="text" class="" value= "1小时" placeholder="请选择限时周期" id='finishTime' readonly/>
                            </div>
                            <div class="item-input-text width-min">
                                <icon class="post-bottom"></icon>
                                <span class="tips">请选择限时周期<br><span>超时未交单释放名额</span></span>
                            </div>
                        </div>
                    </li>
                    
                     <li style="display:none;">
                        <div class="item-inner item-post">
                            <div class="item-title label">审核周期</div>
                            <div class="item-input">
                                <input type="hidden" name="check_period" value="0" id='auditTimeValue'/>
                                <input type="text" class="" value= "0小时" placeholder="请选择审核周期" id='auditTime' disabled="disabled" readonly/>
                            </div>
                            <div class="item-input-text width-min">
                                <icon class="post-bottom"></icon>
                                <span class="tips">请选择审核周期<br><span>超时系统自动审核</span></span>
                            </div>
                        </div>
                    </li>
                    
                    <li>
                        <div class="item-inner item-post">
                            <div class="item-title label">审核</div>
                            <div class="item-input">
                                <input type="hidden" name="task_checkout_time" value="1" id='task_checkout_time_value'/>
                                <input type="text" class="" value= "1天" placeholder="请选择审核时间" id='task_checkout_time' disabled="disabled" readonly/>
                            </div>
                            <div class="item-input-text width-min">
                                <icon class="post-bottom"></icon>
                                <span class="tips">请选择审核周期<br><span>超时系统自动审核</span></span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-inner item-post">
                            <div class="item-title label">截至</div>
                            <div class="item-input">
                                <input type="text" id="end_time" name="end_time" class="" placeholder="任务截止时间" />
                            </div>
                        </div>
                    </li>

                    <li style="padding-top:0.1rem"></li>
                </ul>
                <uni-view data-v-534256bc="" class="next-prev"><uni-view data-v-534256bc="" class="next radius" onclick="$('#one,#three').hide();$('#two').show()">下一步</uni-view></uni-view>
            </div>
 
            <div class="list-block post-block" id="two" style="display:none">
                <uni-view data-v-534256bc="" class="steps-wrapper bg-white flex-aic-jcsb"><uni-view data-v-534256bc="" class="item"><uni-view data-v-534256bc="" class="num-wrapper"><uni-image data-v-534256bc=""><div style="background-image: url(/static/home/mobile/images/step_over.png); background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat;"></div><img src="./h5/static/img/index/step_over.png" draggable="true"><!----></uni-image></uni-view><uni-view data-v-534256bc="" class="name">填写基本信息</uni-view></uni-view><uni-view data-v-534256bc="" class="item"><uni-view data-v-534256bc="" class="num-wrapper"><uni-image data-v-534256bc=""><div style="background-image: url(/static/home/mobile/images/step_over.png); background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat;"></div><img src="./h5/static/img/index/step_over.png" draggable="true"><!----></uni-image></uni-view><uni-view data-v-534256bc="" class="name">任务详情步骤</uni-view></uni-view><uni-view data-v-534256bc="" class="item"><uni-view data-v-534256bc="" class="num-wrapper"><uni-view data-v-534256bc="" class="num flex-aic-jcc">3</uni-view></uni-view><uni-view data-v-534256bc="" class="name">填写任务金额</uni-view></uni-view></uni-view>
                <ul>
                    <li>
                        <div class="item-inner item-post post-a">
                            <div class="item-title label">
                                <img class="post-icon" src="/static/home/mobile/task/images/addtask.png" alt="">
                                任务说明
                            </div>
                            <div class="item-input">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-inner item-post post-contents">
                            <textarea id="contents" name="detail" class="post-contents2" placeholder="一句话简单描述任务要求" maxlength="50"></textarea>
                        </div>
                    </li>
                </ul>
                <ul>
                 <li>
                        <div class="item-inner item-post post-a">
                            <div class="item-title label">
                                <img class="post-icon" src="/static/home/mobile/task/images/addtask.png" alt="">
                                任务步骤
                            </div>
                            <div class="item-input">
                                <div class="buttons-row">
                                    <button type="button" class="button button-round addStep" data-type="1">增加图文步骤</button>
                                    <button type="button" class="button button-round addStep" data-type="2">增加网址步骤</button>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="step" id="addStep"></li>
                    <li style="padding-top:0.1rem"></li>
                </ul>
                <ul>
                    <li>
                        <div class="item-inner item-post post-a">
                            <div class="item-title label">
                                <img class="post-icon" src="/static/home/mobile/task/images/addtask.png" alt="">
                                上传验证
                            </div>
                            <div class="item-input">
                                <div class="buttons-row">
                                    <button type="button" class="button button-round addInfo" data-type="2">增加收集截图</button>
                                    <button type="button" class="button button-round addInfo" data-type="1">增加收集信息</button>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="step" id="addInfo"></li>
                    <li style="padding-top:0.1rem"></li>
                </ul>
                <uni-view data-v-534256bc="" class="next-prev">
                    <uni-view data-v-534256bc="" class="prev" onclick="$('#two,#three').hide();$('#one').show()">上一步</uni-view>
                    <uni-view data-v-534256bc="" class="next" onclick="$('#one,#two').hide();$('#three').show()">下一步</uni-view></uni-view>
            </div>

            <div class="list-block post-block"  id="three" style="display:none">
                <uni-view data-v-534256bc="" class="steps-wrapper bg-white flex-aic-jcsb"><uni-view data-v-534256bc="" class="item"><uni-view data-v-534256bc="" class="num-wrapper"><uni-image data-v-534256bc=""><div style="background-image: url(/static/home/mobile/images/step_over.png); background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat;"></div><img src="./h5/static/img/index/step_over.png" draggable="true"><!----></uni-image></uni-view><uni-view data-v-534256bc="" class="name">填写基本信息</uni-view></uni-view><uni-view data-v-534256bc="" class="item"><uni-view data-v-534256bc="" class="num-wrapper"><uni-image data-v-534256bc=""><div style="background-image: url(/static/home/mobile/images/step_over.png); background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat;"></div><img src="./h5/static/img/index/step_over.png" draggable="true"><!----></uni-image></uni-view><uni-view data-v-534256bc="" class="name">任务详情步骤</uni-view></uni-view><uni-view data-v-534256bc="" class="item"><uni-view data-v-534256bc="" class="num-wrapper"><uni-image data-v-534256bc=""><div style="background-image: url(/static/home/mobile/images/step_over.png); background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat;"></div><img src="./h5/static/img/index/step_over.png" draggable="true"><!----></uni-image></uni-view><uni-view data-v-534256bc="" class="name">填写任务金额</uni-view></uni-view></uni-view>
                <ul>
                    <li>
                        <div class="item-inner item-post">
                            <div class="item-title label">单价</div>
                            <div class="item-input">
                                <input type="number" step="0.1" min = "0.5" name="unit_price" class=" price_votes" id="unit_price" oninput="unit_price_oninput()" placeholder="最低0.20元" value=""/>
                            </div>
                            <div class="item-input-text width-min">
                                <div style="line-height:2.5rem">
                                    元                                    <small class="apply_price_str"></small>
                                </div>
                            </div>
                        </div>
                    </li>
					<li>
                        <div class="text-right" id="UnitPrice-tip">金额最大0.5元</div>
                    </li>
                    <!--<li>
                        <div class="item-inner item-post">
                            <div class="item-title label">保证金</div>
                            <div class="item-input">
                                <input type="number" class="price_votes" name="task_deposit" value="" placeholder="不使用保证金不填"/>
                            </div>
                            <div class="item-input-text width-min">
                                <div style="line-height:2.5rem">
                                    元/1名额（最低1元）
                                </div>
                            </div>
                        </div>
                    </li>-->
                    <li>
                        <div class="item-inner item-post">
                            <div class="item-title label">数量</div>
                            <div class="item-input">
                                <input type="number" class="price_votes" name="ticket_num" id="ticket_num" value="" placeholder="最少1单" oninput="votes_oninput()"/>
                            </div>
                        </div>
                    </li>

                    <li>
                        <div class="text-right" id="price-tips"></div>
                    </li>
                   </ul>
                   <div class="notes">
                         <label>
                        <span>
                            <input type="checkbox" name="is_guize" value="1">
                            <i class="on"></i>
                        </span>
                        我已阅读、理解并同意
                    </label>
                   <a class="SecurityPopup" href="#" data-url="/home/task/userprotocol">《发布规则》</a>
                </div>
                   <uni-view data-v-534256bc="" class="next-prev">
                       <uni-view data-v-534256bc="" class="prev" onclick="$('#one,#three').hide();$('#two').show()">上一步</uni-view>
                       <button data-v-534256bc=""  type="submit" disabled="disabled" class=" button button-big button-fill button-danger  disabled" 
                       style="-webkit-border-radius: 0 50px 50px 0;border-radius: 0 50px 50px 0;    width: 215px;" 
                       id="postsubmit" >请勾选同意发布规则</button>
                   </uni-view>
                   
                   <!--<div class="content-block login-block" style="">-->
                   <!--     <button type="submit" id="postsubmit" disabled="disabled" class="button button-big button-fill button-danger disabled">-->
                   <!--         请勾选同意发布规则-->
                   <!--     </button>-->
                   <!-- </div>-->
                    <div class="notes">
                    <!-- <p class="red" style="margin:0">购买季卡、年卡的用户优先审核任务</p> -->
                    <p>
                        提示：平台禁止发布黄赌毒、谣言及涉政等一切法律禁止之内容，另禁止发布与平台同性质的软件、app或网站，违者将冻结账户，谢谢！
                    </p>
                </div>
            </div>

            
            
            
                <input type='hidden' name="is_screenshot" value="0">
                <input type='hidden' name="is_ip_restriction" value="0">
                <input type='hidden' name="province" value="0">
                <input type='hidden' name="rate" value="0">
                <input type='hidden' name="is_limit_speed" value="0">
                <input type='hidden' name="limit_ticket_num" value="0">

            
            </form>        </div>
        <script type="text/javascript">
        
           function　juedgeOne(){
               if($("#title").val() == ""){
                  $.toast("请填写标题！");
                  return false;
               }
               if($("#appName").val() == ""){
                  $.toast("请填写App！");
                  return false;
               }
           }



            /* 提交表单验证 */
            function RewardCheck() {
                var Cat = $('input[name=category_id]');
                if (!$.trim(Cat.val())) {
                    $.toast("请选择任务类型");
                    return false;
                }
                var Title = $('input[name=title]');
                if (!$.trim(Title.val())) {
                    $.toast("请输入任务标题");
                    Title.focus();
                    return false;
                }
                var appName = $('input[name=appName]');
                if (!$.trim(appName.val())) {
                    $.toast("请输入任务标签");
                    appName.focus();
                    return false;
                }
                var UnitPrice = $('input[name=unit_price]');
                if (!$.trim(UnitPrice.val())) {
                    $.toast("请输入每票出价");
                    UnitPrice.focus();
                    return false;
                }
                var ticket_num = $('input[name=ticket_num]');
                if (!$.trim(ticket_num.val())) {
                    $.toast("请输入预订票数");
                    ticket_num.focus();
                    return false;
                }
                var detail = $('textarea[name=detail]');
                if (!$.trim(detail.val())) {
                    $.toast("请输入任务说明");
                    detail.focus();
                    return false;
                }
                return true;
            }

            $(function () {
                /*document.addEventListener('touchstart', function(event) {
                    // 判断默认行为是否可以被禁用
                    if (event.cancelable) {
                        // 判断默认行为是否已经被禁用
                        if (!event.defaultPrevented) {
                            event.preventDefault();
                        }
                    }
                }, false);*/
                /** 添加步骤 */
                var setStepNum = function () {
                    var stepNum = 1;
                    $('#addStep .no-gutter').each(function (k, v) {
                        $(v).find('.step-num').html(stepNum);
                        stepNum++;
                    });
                };
                $('.addStep').click(function () {
                    var _this = $(this);
                    var error = false;
                    $('#addStep .no-gutter').each(function (k, v) {
                        if (!$(v).find('.url').val() || !$(v).find('.text').val()) {
                            error = true;
                        }
                    });
                    if (error) {
                        $.toast("请设置好步骤后再添加");
                        return false;
                    }
                    if (_this.data('type') == 1) {
                        var html = '<div class="row no-gutter">\
                                <input type="hidden" name="step[type][]" value="4" />\
                                <div class="col-20 num row">\
                                    <div class="step-num"></div>\
                                    <div class="del-step"><a href="javascript:;" class="text-danger">删除</a></div>\
                                </div>\
                                <div class="col-20">\
                                    <div class="step-img file-item" style="float:none;">\
                                        <input type="hidden" class="url" name="step[url][]">\
                                        <div class="file-input uploaderImg"></div>\
                                        <p>上传例图</p>\
                                    </div>\
                                </div>\
                                <div class="col-60">\
                                    <textarea class="text img-text" name="step[text][]" placeholder="请输入步骤说明（限制50字）" maxlength="50"></textarea>\
                                </div>\
                            </div>';
                    } else {
                        var html = '<div class="row no-gutter">\
                                <input type="hidden" name="step[type][]" value="3" />\
                                <div class="col-20 num row">\
                                    <div class="step-num"></div>\
                                    <div class="del-step"><a href="javascript:;" class="text-danger">删除</a></div>\
                                </div>\
                                <div class="col-80">\
                                    <input type="text" class="text" name="step[text][]" placeholder="请输入步骤说明（限制50字）" maxlength="50">\
                                    <input type="url" class="url" name="step[url][]" placeholder="请输入网站网址">\
                                </div>\
                            </div>';
                    }
                    $('#addStep').append(html);
                    setStepNum();
                    if (_this.data('type') == 1) {
                        tzb_uploader();
                    }
                });

                /** 上传验证步骤 */
                var setInfoNum = function () {
                    var infoNum = 1;
                    $('#addInfo .no-gutter').each(function (k, v) {
                        $(v).find('.step-num').html(infoNum);
                        infoNum++;
                    });
                    ChangeSubmit();
                };
                $('.addInfo').click(function () {
                    var _this = $(this);
                    var error = false;
                    $('#addInfo .no-gutter').each(function (k, v) {
                        if (!$(v).find('.text').val()) {
                            error = true;
                        }
                    });
                    if (error) {
                        $.toast("请设置好验证信息后再添加");
                        return false;
                    }
                    if (_this.data('type') == 2) {
                        var html = '<div class="row no-gutter">\
                            <input type="hidden" name="info[type][]" value="2" />\
                            <div class="col-20 num">\
                                <div class="step-num"></div>\
                                <div class="del-step"><a href="javascript:;" class="text-danger">删除</a></div>\
                            </div>\
                            <div class="col-20">\
                                <div class="step-img file-item" style="float:none;">\
                                    <input type="hidden" class="url" name="info[url][]">\
                                    <div class="file-input uploaderImg"></div>\
                                    <p>上传例图</p>\
                                </div>\
                            </div>\
                            <div class="col-60">\
                                <textarea class="text img-text" name="info[text][]" placeholder="请输入上传说明（限制30字）" maxlength="30"></textarea>\
                            </div>\
                        </div>';
                    } else {
                        var html = '<div class="row no-gutter">\
                            <input type="hidden" name="info[type][]" value="1" />\
                            <div class="col-20 num row">\
                                <div class="step-num"></div>\
                                <div class="del-step"><a href="javascript:;" class="text-danger">删除</a></div>\
                            </div>\
                            <div class="col-80">\
                                <input type="text" class="text" style="margin-top:20px" name="info[text][]" placeholder="请输入上传说明（限制30字）" maxlength="30">\
                                <input type="hidden" class="url" name="info[url][]" />\
                            </div>\
                        </div>';
                    }
                    $('#addInfo').append(html);
                    setInfoNum();
                    if (_this.data('type') == 2) {
                        tzb_uploader();
                    }
                });
                $('body').on('click', '#addStep .del-step a', function () {
                    var _this = $(this);
                    $.confirm('确定要删除此步骤吗？', function () {
                        _this.parent().parent().parent().remove();
                        setStepNum();
               
                    });
                });
                $('body').on('click', '#addInfo .del-step a', function () {
                    var _this = $(this);
                    $.confirm('确定要删除此上传信息吗？', function () {
                        _this.parent().parent().parent().remove();
                        setInfoNum();
                     
                    });
                });
                /* 计算赚客可以获得的票价 */
                var Currency = ' 元';
                var user_money = {$member['credit2']};

                $('input[name=is_guize]').on('click',function(){
                    $('#postsubmit').html('发布悬赏任务');
    				ChangeSubmit();
    			})

                /* 检查标题长度 */
                function CheckTitleLen(len) {
                    var _this = $('input[name=title]');
                    var leftlen = ( len - mb_strlen(_this.val()) );
                    if (leftlen <= 0) {
                        $.toast("标题输入的字数太多了");
                        _this.val(mb_cutstr(_this.val(), len));
                        leftlen = 0;
                    }
                    ChangeSubmit();
                }

                /* 计算任务费用 */
                function CalculateMoney() {
                    var UnitPrice = $('input[name=unit_price]');
                    var ticket_num = $('input[name=ticket_num]');
                    var task_deposit = 0;
                    var unit_price = parseFloat(UnitPrice.val()).toFixed(2);
                    var reward_ratio = 100;
                    if (isNaN(unit_price) || unit_price <= 0) {
                        unit_price = 0;
                    }
                    var ticket_price = parseInt(ticket_num.val());
                    if (isNaN(ticket_price) || ticket_price <= 0) {
                        ticket_price = 0;
                    }

					if(parseFloat($('#unit_price').val()) < parseFloat($('#unit_price').prop('min'))){
						 $('#price-tips').html('每票最少单价'+$('#unit_price').prop('min')+'元');
						 //$('#unit_price').val($('#unit_price').prop('min'));
					}
					else if(parseInt($('#ticket_num').val()) < parseInt($('#ticket_num').prop('min'))){
						$('#price-tips').html('最少'+$('#ticket_num').prop('min')+'任务数量');
						//$('#votes').val($('#category_id option:selected').attr('data-votes'));
					}
					else{
						 var Total = ( task_deposit + ( unit_price * ticket_price*(1+0.00) ) );
						var money_tips = ( user_money >= Total ? ( '预付赏金：' + Total.toFixed(2) + Currency ) : '<span class="red">账户余额不足，请先<a href="/home/recharge.html" target="_blank">充值</a>。</span>' );
						$('#price-tips').html(money_tips);

                       //   var apply_price = parseFloat(unit_price*reward_ratio/100).toFixed(2);
                      //  $('.apply_price_str').html('发布后单价 '+apply_price+' 元');

					}


                    ChangeSubmit();
                }

                /* 提交按钮激活 */
                function ChangeSubmit() {
                    var category_id = $('input[name=category_id]').val();
                    var Title = $('input[name=title]').val();
                    var appName = $('input[name=appName]').val();
                    var UnitPrice = parseFloat($('input[name=unit_price]').val());
                    var ticket_num = parseInt($('input[name=ticket_num]').val());
                    var Is_guize = $('input[name=is_guize]:checked').val();
                    console.log(category_id,Title,appName,UnitPrice,ticket_num,Is_guize)
                    if (category_id && Title && appName && UnitPrice && ticket_num && Is_guize) {
                    	console.log(456789)
                        $('#postsubmit').prop('disabled', false).removeClass('disabled');
                    	console.log(11111)
                    } else {
                        $('#postsubmit').prop('disabled', true).addClass('disabled');
                    }
                }

                $('input[name=title],input[name=unit_price],input[name=ticket_num]').bind({
                    focus: function () {
                        var iname = $(this).attr('name');
                        if (iname == 'title') {
                            CheckTitleLen(39);
                        } else {
                            CalculateMoney();
                        }
                    },
                });


                $('input[name=title]').keyup(function () {
                    CheckTitleLen(39);
                });
                $('input[name=appName]').keyup(function () {
                    ChangeSubmit();
                });
                $('input[name=unit_price],input[name=ticket_num]').keyup(function () {
                    CalculateMoney();
                });
                
                
				var arr_Price = {$arr_Price};
				var arr_Votes = {$arr_Votes};
				var displayValues = {$displayValues};
				var values = {$values};
                // console.log(arr_Price)
                // console.log(arr_Votes)
                // console.log(displayValues)
                // console.log(values)
                $("#category").picker({
                    toolbarTemplate: '<header class="bar bar-nav">\
                  <button class="button button-link pull-right close-picker">确定</button>\
                  <h1 class="title">请选择任务类型</h1>\
              </header>',
                    cols: [
                        {
                            textAlign: 'center',
                            values: values,
                            displayValues: displayValues,
							Price: arr_Price,
							Votes: arr_Votes,
                        }
                    ],
                    formatValue: function (picker, value, displayValue , Price ,ticket_num) {
                        $("#categoryValue").val(value);
						$('#unit_price').val(arr_Price[picker.cols[0].activeIndex]);
						$('#unit_price').prop('placeholder','最少限定'+arr_Price[picker.cols[0].activeIndex]+'元').prop('min',arr_Price[picker.cols[0].activeIndex]);

						$('#ticket_num').val(arr_Votes[picker.cols[0].activeIndex]);
                        $('#ticket_num').attr('placeholder', '最少'+arr_Votes[picker.cols[0].activeIndex]+'单');
						$('#ticket_num').prop('min',arr_Votes[picker.cols[0].activeIndex]);

                        //注册下载 网页注册 关注点赞 简单评论 发帖转发 固定一天审核时间
				// 		if(value == '2' || value == '3' || value == '4' || value == '6' || value == '8'){
    //                         $('#task_checkout_time').attr("disabled", 'disabled');
    //                         $('input[name="check_period"]').val('0');
				// 			$('#auditTime').val('0小时');
				// 		}
				// 		else{
    //                         $('#task_checkout_time').removeAttr("disabled");
				// 		}
                        $('#task_checkout_time').removeAttr("disabled");
                        ChangeSubmit();
                        finishTime_picker();
                        return displayValue;
                    }
                });



				function indexOf(arr,item){
					return  arr.indexOf(item);
				}

                //限时周期
                function finishTime_picker()
                {
                    var cat_min_finish = [{"category_id":15,"min_finish_time":180}];
                    var category_id = $("#categoryValue").val();
                    var col ={
                        textAlign: 'center',
                         values: ['1', '3', '6', '12', '24', '48', '72', '168'],
                        displayValues: ['1 小时', '3 小时', '6 小时', '12 小时', '1 天', '2 天', '3 天', '5 天', '7 天'],
                    };

                    for(i in cat_min_finish)
                    {
                        if(cat_min_finish[i].category_id == category_id)
                        {
                            var sum = 0;
                            for(ii in col.values)
                            {
                                if(parseInt(col.values[ii]) < cat_min_finish[i].min_finish_time)
                                {
                                    sum++;
                                }
                            }
                            col.values.splice(0,sum);
                            col.displayValues.splice(0,sum);
                        }
                    }

                    $("#finishTime").picker({
                        toolbarTemplate: '<header class="bar bar-nav">\
                      <button class="button button-link pull-right close-picker">确定</button>\
                      <h1 class="title">请选择限时周期</h1>\
                  </header>',
                        cols: [col],
                        formatValue: function (picker, value, displayValue) {
                            $("#finishTimeValue").val(value);
                            ChangeSubmit();
                            return displayValue;
                        }
                    });

                    var picker = $("#finishTime").data("picker");
                    picker.params.cols = [col];
                    $("#finishTime").data("picker", picker);
                    $('#finishTime').picker("updateValue");

                    if(parseInt($("#finishTimeValue").val()) < col.values[0])
                        $('#finishTime').picker("setValue", [col.values[0]]);

                    if(!picker.cols[0])
                    {
                        $("#finishTimeValue").val(col.values[0]);
                        $("#finishTime").val(col.displayValues[0]);
                    }

                }
                finishTime_picker();

                $("#task_checkout_time").picker({
                    toolbarTemplate: '<header class="bar bar-nav">\
                  <button class="button button-link pull-right close-picker">确定</button>\
                  <h1 class="title">请选择审核时间</h1>\
              </header>',
                    cols: [
                        {
                            textAlign: 'center',
                            values: ['1', '2', '3', '4','5','6','7'],
                            displayValues: ['1天', '2天', '3天', '4天','5天','6天','7天'],
                        }
                    ],
                    formatValue: function (picker, value, displayValue) {
                        $("#task_checkout_time_value").val(value);
                        //ChangeSubmit();
                        return displayValue;
                    }
                });


                $("#auditTime").picker({
                    toolbarTemplate: '<header class="bar bar-nav">\
                  <button class="button button-link pull-right close-picker">确定</button>\
                  <h1 class="title">请选择审核周期</h1>\
              </header>',
                    cols: [
                        {
                            textAlign: 'center',
                            values: ['1', '2', '3', '4','5','6','7'],
                            displayValues: ['1天', '2天', '3天', '4天','5天','6天','7天'],
                        }
                    ],
                    formatValue: function (picker, value, displayValue) {
                        $("#auditTimeValue").val(value);
                        ChangeSubmit();
                        return displayValue;
                    }
                });



                $("#end_time").calendar({
                    minDate: "2020-04-14"
                });
				$('#unit_price').on('blur',function(){
					if(
                        parseFloat($('#unit_price').val()) < parseFloat($('#unit_price').prop('min'))
                    ){
						$('#unit_price').val($('#unit_price').prop('min'));
						$('#UnitPrice-tip').hide();
						//$('#UnitPrice-tip').show().html('每票最少单价'+$('#unit_price').prop('min')+'元');

					}
				})
            });

   

			function unit_price_oninput(){
				if(parseFloat($('#unit_price').val()) < parseFloat($('#unit_price').prop('min'))){
					//$('#unit_price').val($('#unit_price').prop('min'));
					$('#UnitPrice-tip').show().html('每票最少单价'+$('#unit_price').prop('min')+'元');

				}
				else{
					$('#UnitPrice-tip').hide();
				}
			}

			function votes_oninput(){
				if(parseInt($('#ticket_num').val()) < parseInt($('#ticket_num').prop('min'))){

					$('#price-tips').show().html('每票最少单价'+$('#ticket_num').prop('min')+'元');

				}

			}

			$('#unit_price').on('blur',function(){
				if(parseInt($('#unit_price').val()) < parseInt($('#unit_price').prop('min'))){
					$('#unit_price').val($('#unit_price').prop('min')) ;
				}
			})

			$('#ticket_num').on('blur',function(){
				if(parseInt($('#ticket_num').val()) < parseInt($('#ticket_num').prop('min'))){
					$('#ticket_num').val($('#ticket_num').prop('min')) ;
				}
			})

            function fun_finish_time(){
                var str = $('#finish_time').val();
                if (!isNaN(str)) {
                    if(parseInt(str) < 30){
                        $('#task_time').val('30');
                    }
                }
                else{
                    return false;
                }
            }
        </script>
        <link rel="stylesheet" type="text/css" href="/static/home/mobile/task/css/webuploader.css">
<script src="/static/home/mobile/task/js/jquery-2.1.4.min.js"></script>
<script>var JQ = $.noConflict();</script>
<script type="text/javascript" charset="utf-8" src="/static/home/mobile/task/js/webuploader.min.js"></script>
<script type="text/javascript" charset="utf-8">
function tzb_uploader () {
    // Web Uploader实例
    var $ = JQ, uploader;

    uploader = WebUploader.create({
        auto: true,
        swf: '/static/common/webuploader/Uploader.swf',
        server: '/home/task/upimg',
       // sendAsBinary: true,
        pick: {
            id: '.uploaderImg',
          //  multiple: false,
        },
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        },
        compress: {
            width: 860,
        }
    });

    // 当有文件添加进来的时候
    uploader.on('fileQueued', function (file) {
        var _parent = $('#rt_'+file.source.ruid).parent().parent();
        _parent.find('img').remove();
        _parent.prepend("<img src='' />");
        _parent.find('p').hide();
        _parent.removeClass('upload-state-done');
        _parent.find('div.error').remove();
        console.log(file)
        uploader.makeThumb(file, function (error, src) {
        	console.log(error)
            if (error) {
                _parent.find('img').replaceWith('<span>不能预览</span>');
                return;
            }
            _parent.find('img').attr('src', src);
        });
    });

    // 文件上传过程中创建进度条实时显示。
    uploader.on('uploadProgress', function (file, percentage) {
        var $li = $('#rt_'+file.source.ruid).parent().parent(),
            $percent = $li.find('.progress span');

        // 避免重复创建
        if (!$percent.length) {
            $percent = $('<p class="progress"><span></span></p>')
                .appendTo($li)
                .find('span');
        }
        $percent.css('width', percentage * 100 + '%');
    });

    // 文件上传成功，给item添加成功class, 用样式标记上传成功。
    uploader.on('uploadSuccess', function (file, data) {
    	console.log(66666666)
    	console.log(file)
    	console.log(data)
        if (data.img) {
            var _parent = $('#rt_'+file.source.ruid).parent().parent();
            _parent.find('.url').val(data.img);
            _parent.addClass('upload-state-done');
        }
    });

    // 文件上传失败，现实上传出错。
    uploader.on('uploadError', function (file) {
    	
    		console.log(77777777)
    	console.log(file)
    	
        var $li = $('#rt_'+file.source.ruid).parent().parent(),
            $error = $li.find('div.error');

        // 避免重复创建
        if (!$error.length) {
            $error = $('<div class="error"></div>').appendTo($li);
        }
        $error.text('上传失败');
    });

    // 完成上传完了，成功或者失败，先删除进度条。
    uploader.on('uploadComplete', function (file) {
        $('#rt_'+file.source.ruid).parent().parent().find('.progress').remove();
    });

    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            $.toast("请上传JPG、PNG、GIF、BMP格式图片");
        } else if (type == "Q_EXCEED_SIZE_LIMIT") {
            $.toast("图片大小不能超过2M");
        }else {
            $.toast("上传出错！错误代码"+type);
        }
    });
};
</script>

    </div>
</div>

<div class="popup popup-SecurityPopup">
    <header class="bar bar-nav">
        <a class="icon icon-left pull-left close-popup"></a>
        <h1 class="title" id="SecurityPopupTitle"></h1>
    </header>
    <div class="content" id="SecurityPopupContent"></div>
</div>
<script type="text/javascript" charset="utf-8" src="/static/home/mobile/task/js/user.js"></script>


    <div class="panel-overlay"></div>
    <script type='text/javascript' src='/static/home/mobile/task/js/sm.min.js' charset='utf-8'></script>
    <script type="text/javascript" charset="utf-8" src="/static/home/mobile/task/js/common.js"></script>
    <script type="text/javascript" charset="utf-8" src="/static/home/mobile/task/js/fcommon.js"></script>
	 <script type='text/javascript' src='/static/home/mobile/task/js/swiper.min.js' charset='utf-8'></script>
    <script type="text/javascript">$.init();</script>

    
    
 <script>
    var swiper = new Swiper('.swiper-container', {
      spaceBetween: 30,
      centeredSlides: true,
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
    });
    function confirm_url(url,msg){
        $.confirm(msg, function() {
            location.href = url;
        });
    }
  </script>
  
    </body>
</html>
